import styled from "styled-components";

export const ThemeHeaderRcmWrapper = styled.div `
  height: 33px;
  border-bottom: 2px solid #C10D0C;
  display: flex;
  justify-content: space-between;
  align-content: center;

  padding: 0 10px 4px 34px;
  background-position: -225px -156px;
  .left{
    display: flex;
    text-align: center;
  
    .title{
      margin-right: 20px;
      font-size: 20px;
    }
    .keyword {
      display: flex;
      height: 33px;
      line-height: 33px;

      .item {
        span{
           padding: 0 15px;
           color: #ccc;
         }
      }
    }
  }

  .right{
    padding-top: 2px;
    line-height: 27px;
      i{
        display: inline-block;
        width: 12px;
        height: 12px;
        margin-left: 4px;
        background-position: 0 -240px;
      }
    
  }
`